<!DOCTYPE html>
<html lang="en">
<head>
    <base href=""/>
    <meta charset="UTF-8"/>
    <title>报表</title>
    <link type="text/css" rel="stylesheet" href="../PM/css/bootstrap.css"/>
    <link type="text/css" rel="stylesheet" href="../PM/css/bootstrap.min.css"/>
    <link type="text/css" rel="stylesheet" href="../PM/css/bootstrap-datetimepicker.min.css"/>
    <link type="text/css" rel="stylesheet" href="../PM/css/bootstrap-responsive.min.css"/>
    <link type="text/css" rel="stylesheet" href="../PM/css/common.css"/>
    <link type="text/css" rel="stylesheet" href="../PM/css/reportForm.css"/>

    <script type='text/javascript' src='../PM/js/jquery-1.10.2.min.js'></script>
    <script type='text/javascript' src='../PM/js/bootstrap.min.js'></script>
    <script type='text/javascript' src='../PM/js/jquery.tips.js'></script>
    <script type='text/javascript' src='../PM/js/bootstrap-datetimepicker.js'></script>
    <script type='text/javascript' src='../PM/js/bootstrap-datetimepicker.zh-CN.js'></script>
    <script type='text/javascript' src='../PM/js/common.js'></script>
    <script type='text/javascript' src='../PM/js/reportForm.js'></script>
</head>
<body>
<div class="col-sm-12" id="reportFormPage" style="height:100%;" >
    <div class="col-sm-2" id="reportFormLeftMenu">
        <div id="reportFormProduct">
            <div id="reportFormMenu">
                <img src="../PM/images/date.png"/>
                <span id="productUnfurled" class="MenuSpanStyle" onclick="doOpenDate('productPackUp','reportFormDate','productUnfurled')" hidden="hidden">日期
                    <img class="MenuImgStyle" src="../PM/images/unfurled.png"/>
                </span>
                <span id="productPackUp" class="MenuSpanStyle" onclick="toClose('productUnfurled','reportFormDate','productPackUp')" >日期
                    <img class="MenuImgStyle" src="../PM/images/pack-up.png"/>
                </span>
            </div>
            <div id="reportFormDate">
                <div class="form-group">
                    <div class="col-sm-12">
                        <label for="txtBeginDate" class="col-sm-12 control-label">请选时间</label>
                    </div>
                    <div class="col-md-12">
                        <div id="startDate" class="col-sm-12 input-group date" data-date-format="yyyy-mm-dd" style="float: left;">
                            <input id="txtBeginDate" name="txtBeginDate" class="form-control" type="text" />
                            <span class="input-group-addon"><span class="glyphicon glyphicon-remove"></span></span>
                            <span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span></span>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <button type="button" class="btn" onclick="search()" id="selectBtn">
                        查询
                    </button>
                </div>
            </div>
        </div>
        <div id="backLogMember">
            <div id="MemberMenu">
                <img src="../PM/images/members.png"/>
                <span id="memberUnfurled" class="MenuSpanStyle" onclick="doGetAllMembers('memberPackUp','backLogMembers','memberUnfurled')" hidden="hidden">成员
                     <img class="MenuImgStyle" src="../PM/images/unfurled.png" />
                </span>
                <span id="memberPackUp" class="MenuSpanStyle" onclick="toClose('memberUnfurled','backLogMembers','memberPackUp')">成员
                    <img class="MenuImgStyle" src="../PM/images/pack-up.png" />
                </span>
            </div>
            <div id="backLogMembers">
            </div>
        </div>
    </div>
    <div class="col-sm-10" id="reportFormRightMenu">
        <div class="col-sm-12" id="DateNavigation">
           <p class="reportFormTitle" id="newTimeMsg"></p>
            <div id="dateNavigations">
            </div>
        </div>
        <div class="col-sm-12" id="completeBackLog">
            <p class="reportFormTitle">完成Back Log</p>
            <div class="completeBackLogs">
                <table class="table">
                    <thead id="completeThead">
                        <tr>
                            <th>产品</th>
                            <th>版本</th>
                            <th>功能名称</th>
                            <th>Back Log</th>
                            <th>工时</th>
                            <th>完成情况</th>
                            <th>负责人</th>
                        </tr>
                    </thead>
                    <tbody id="completeTbody"></tbody>
                </table>
            </div>
        </div>
        <div class="col-sm-12" id="noCompleteBackLog" >
            <p class="reportFormTitle">未完成Back Log</p>
            <div class="noCompleteBackLogs">
                <table class="table">
                    <thead id="noCompleteThead">
                        <th>产品</th>
                        <th>版本</th>
                        <th>功能名称</th>
                        <th>Back Log</th>
                        <th>工时</th>
                        <th>完成情况</th>
                        <th>负责人</th>
                    </thead>
                    <tbody id="noCompleteTbody"></tbody>
                </table>
            </div>
        </div>

    </div>
</div>
<!-- 弹出框 -->
<div id="showModal" hidden="hidden">
    <p id="ModalBody"></p>
</div>

<iframe id="ifile" style="display:none"></iframe>
</body>
</html>
